<!doctype html>
<html>
<head>
	<meta charset="utf-8"/>
	
	<title>高职学院</title>
	
	<link rel="stylesheet" type="text/css" href="css/index.css"/>
</head>
<body>
<div class="main">
	<header class="title-header">
		<img src="http://news.culr.edu.cn/gzxy/images/logo.png" title="logo"/>
		<form action="#" method="GET" name="form-header">
			<input type="text/css" name="search" value="请输入关键字"/>
			<input type="submit" name="submit" value="">
		</form>
		<nav>
			<ul>
				<li><a href="#">学院首页</a></li>
				<li><a href="#">学院概况</a></li>
				<li><a href="#">专业设置</a></li>
				<li><a href="#">师资队伍</a></li>
				<li><a href="#">招生就业</a></li>
				<li><a href="#">学生活动</a></li>
				<li><a href="#">国际合作</a></li>
				<li><a href="#">下载专区</a></li>
			</ul>
		</nav>
	</header>
	
	<main>
		<img class="homepage" src="http://news.culr.edu.cn/gzxy//images/content/2018-05/20180521141118854574.png" title="页首轮播图"/>
		
		<article class="dynamic">
			<header>
				<h2><a href="#">高职动态</a></h2>
				<h3><a href="#">更多+</a></h3>
			</header>
			<section>
			<div class="section">
				<img src="http://news.culr.edu.cn/gzxy/images/content/2018-05/20180531142713341949.jpg" title="某某某"/>
				<ul>
					<li><a href="#">第七届英文电影配音大赛圆满结束!<span>2018-06-08</span></a></li>
					<li><a href="#">第七届英文电影配音大赛圆满结束!<span>2018-06-08</span></a></li>
					<li><a href="#">第七届英文电影配音大赛圆满结束!<span>2018-06-08</span></a></li>
					<li><a href="#">第七届英文电影配音大赛圆满结束!<span>2018-06-08</span></a></li>
					<li><a href="#">第七届英文电影配音大赛圆满结束!<span>2018-06-08</span></a></li>
					<li><a href="#">第七届英文电影配音大赛圆满结束!<span>2018-06-08</span></a></li>
					<li><a href="#">第七届英文电影配音大赛圆满结束!<span>2018-06-08</span></a></li>
					<li><a href="#">第七届英文电影配音大赛圆满结束!<span>2018-06-08</span></a></li>
				</ul>
			</div>
			</section>
		</article>
		
		<div class="clear-float">
			<article class="notice">
				<header>
					<h2><a href="#">通知公告</a></h2>
					<h3><a href="#">更多+</a></h3>
				</header>
				<section>
				<div class="section">
					<ul>
						<li>
							<h4>05-18</h4>
							<h5>2018</h5>
							<a href="#">关于做好2018—2019学年学费减免工作的通知</a>
						</li>
						<li>
							<h4>05-18</h4>
							<h5>2018</h5>
							<a href="#">关于做好2018—2019学年学费减免工作的通知</a>
						</li>
						<li>
							<h4>05-18</h4>
							<h5>2018</h5>
							<a href="#">关于做好2018—2019学年学费减免工作的通知</a>
						</li>
						<li>
							<h4>05-18</h4>
							<h5>2018</h5>
							<a href="#">关于做好2018—2019学年学费减免工作的通知</a>
						</li>
					</ul>
				</div>
				</section>
			</article>
			
			<article class="fast-link">
				<header>
					<h2><a href="#">快速链接</a></h2>
				</header>
				<section>
				<div class="section">
					<ul>
						<li>
							<div class="icon-download"></div>
							<h4><a href="#">下载专区</a></h4>
						</li>
						<li>
							<div class="icon-international"></div>
							<h4><a href="#">国际合作</a></h4>
						</li>
						<li>
							<div class="icon-students"></div>
							<h4><a href="#">招生信息</a></h4>
						</li>
					</ul>
				</div>
				</section>
			</article>
		</div>
		
		<article class="elegant">
			<header>
				<h2><a href="#">学生风采</a></h2>
				<h3><a href="#">更多+</a></h3>
			</header>
			<div class="photo-block">
			<img class="img" src="http://news.culr.edu.cn/gzxy/images/lf.png"/>
				<div class="photo-roll">
					<div class="div">
						<img src="http://news.culr.edu.cn/gzxy/images/content/2018-06/20180601110409982190.JPG"/>
						<h4>某某年新年晚会</h4>
					</div>
					<div class="div">
						<img src="http://news.culr.edu.cn/gzxy/images/content/2018-06/20180601110409982190.JPG"/>
						<h4>某某年新年晚会</h4>
					</div>
					<div class="div">
						<img src="http://news.culr.edu.cn/gzxy/images/content/2018-06/20180601110409982190.JPG"/>
						<h4>某某年新年晚会</h4>
					</div>
					<div class="div">
						<img src="http://news.culr.edu.cn/gzxy/images/content/2018-06/20180601110409982190.JPG"/>
						<h4>某某年新年晚会</h4>
					</div>
				</div>
			<img class="img" src="http://news.culr.edu.cn/gzxy/images/rt.png"/>
			</div>
		</article>
	</main>
</div>
<footer>
		<p>Copyright &copy; 2007CULR 中国劳动关系学院 版权所有<br>
地址：北京市海淀区增光路45号(100048)</p>
		<div>
			<img src="http://news.culr.edu.cn/gzxy/images/weixin.jpg"/>
			<h4>扫一扫<br>关注公众号</h4>
			
		</div>
	</footer>
</body>
</html>